<script setup>

import Bar1 from "@/views/bar/components/bar-1.vue";
import Bar2 from "@/views/bar/components/bar-2.vue";
import Bar3 from "@/views/bar/components/bar-3.vue";
import Bar4 from "@/views/bar/components/bar-4.vue";
</script>

<template>
  <div class="bar-index">
    <bar1 />
    <bar2 />
    <bar3 />
    <bar4 />
  </div>
</template>

<style scoped lang="scss">
@import "@/assets/mixins";
.bar-index {
  @include index;
  &>div {
    @include index-div;
    width: calc(33.3% - 16px);
    height: 400px;
  }
}
</style>
